/**************************/
/*        CSS reset       */
/**************************/
@font-face {
    /* font-family: 'francoisone'; */
    font-family: Arial,Verdana,Helvetica,sans-serif;
    src: url('../fonts/francoisone-webfont.eot');
    src: url('../fonts/francoisone-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/francoisone-webfont.woff') format('woff'),
        url('../fonts/francoisone-webfont.ttf') format('truetype'),
        url('../fonts/francoisone-webfont.svg#SolexBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
p{ line-height:16px}
/*caption, th, td {text-align: left; font-weight: normal;}
table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%; vertical-align:baseline; outline:0; margin:0; padding:0;}
table { border-collapse:collapse; border-spacing: 0;}*/
/******* Default rules tags *******/
body {font-family:Arial, Helvetica, sans-serif; color:#000; background-color:#fff;}
h1 {font-size:20px;}
h2 {font-size:18px; }
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
a{text-decoration:none; color:#000;}
a:hover{ color:#f56200; text-decoration:none;}
input, select, textarea {font-size:11px; border:1px solid #CCC; font-family:Arial, Helvetica, sans-serif;}
/*0. ///////Structure all templates///////*/
#page { font-size:12px; width:100%}
#container { font-size:11px; width:980px; margin:0 auto; overflow:hidden;}
/*******Header*******/
#wrapHeader{ width:100%; padding-bottom:8px; background:url(../images/bgd_no_repeat.png) 0 100% repeat-x}
#header{ width:100%; min-height:111px; background:url(../images/bgd_repeat_x.png) 0 0 repeat-x}
#headerCnt{ width:960px; min-width:960px; margin:0 auto}
#header .logo{ width:225px; height:110px; float:left; background:url(../images/general.png) 0 0 no-repeat; text-indent:-9999px}
#header .logo a{ width:225px; height:110px; display:block; cursor:pointer}
#navigation{ float:right;}
/*nav*/
ul#nav{ margin:0px auto; float:right; list-style:none; width:561px; height:111px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/bgd_repeat_x.png) 100% -760px no-repeat; padding-left:0px; z-index:1000;}
ul#nav li{ margin:0; display:block; padding:0; float:left; position:relative; height:111px; background:url(../images/bgd_repeat_x.png) 0 -760px no-repeat; list-style:none; z-index:1000;}
ul#nav li a{ display:inline-block; float:left; padding-right:10px}
ul#nav li a span{ display:inline-block; float:left}
ul#nav a span span{ display:inline-block; padding:70px 15px 27px 15px; color:#000; font-size:14px;}
ul#nav li a:hover, ul#nav li.active a{ display:block; background:url(../images/general.png) 100% 0 no-repeat;}
ul#nav li a span:hover, ul#nav li.active a span{ background:url(../images/general.png) -1280px 0 no-repeat}
ul#nav a span span:hover, ul#nav li.active a span span{ display:block; background:url(../images/nav_hoverC.png) 50% 0 no-repeat; color:#000; text-decoration:none}          
ul#nav li ul.nav-1{ margin:0; list-style:none; display:none; width:230px; position:absolute; top:111px; left:0px; z-index:1000; background:url(../images/submenu_bgd.png) 0 0 repeat}
ul#nav li:hover ul.nav-1{ display:block; }
ul#nav li ul.nav-1 li{ width:230px; clear:left; background:url(../images/bgd_repeat_x.png) 0 -1678px repeat-x; display:block; height:40px; line-height:40px; z-index:1000; }        
ul#nav li ul.nav-1 li a:link, ul#nav li ul.nav-1 li a:visited{ clear:left; padding:0 0px 10px 30px; width:250px; line-height:40px; color:#fff; position:relative; z-index:1000; display:block; background:url(../images/icon.png) 15px 13px no-repeat}
ul#nav li ul.nav-1 li:hover a, ul#nav li ul.nav-1 li a:active, ul#nav li ul.nav-1 li a:hover, ul#nav li ul.nav-1 li a.active{ color:#f56200; text-decoration:none}
/*flag*/
.flag{ height:41px; line-height:41px; width:26px; padding:70px 20px 0 20px; float:right; background:url(../images/bgd_repeat_x.png) 100% -760px no-repeat; text-align:center; position:relative}
.flag p{ padding-bottom:5px}
/*--Flag--*/
.blockFlag{ border:solid 1px #ccc; width:120px; padding:10px 10px 0 10px; background:url(../images/submenu_bgd.png) 0 0 repeat; position:absolute; top:110px; left:-2px; z-index:10}
.blockFlag li{ list-style:none; display:block; padding-bottom:10px; line-height:20px; overflow:hidden}
.blockFlag li img{ float:left; margin-right:10px}
.blockFlag li span{ display:block; float:left;}
.blockFlag li a{ color:#fff}
.blockFlag li a:hover{ color:#f9aa00; text-decoration:none}
/*******Banner*******/
#wrapBanner{ width:100%; height:218px; background:url(../images/bgd_repeat_x.png) 0 -120px repeat-x;}
#banner{ width:100%; height:218px; background:url(../images/bgdBaner.png) 50% 100% no-repeat; position:relative; z-index:1}
#banner .clound01{ width:140px; height:90px; background:url(../images/general.png) -370px 0 no-repeat; position:absolute; top:117px; left:10%; z-index:2}
#banner .clound02{ width:106px; height:66px; background:url(../images/general.png) -530px 0 no-repeat; position:absolute; top:5px; left:20%; z-index:2}
#banner .clound03{ width:105px; height:68px; background:url(../images/general.png) -650px 0 no-repeat; position:absolute; top:90px; right:11%; z-index:2}
#bannerBgd{ width:100%; height:218px; background:url(../images/bgd_banner_03.png) 0 0 repeat; position:absolute; top:0; left:0; z-index:3}
#bannerCnt{ width:962px; height:193px; margin:25px auto 0 auto; position:relative; z-index:4}
#bannerCnt .phoneTitle{ width:125px; height:95px; background:url(../images/general.png) -240px 0 no-repeat; text-align:center; padding-top:95px; font-size:16px; font-weight:bold; color:#fff; position:absolute; bottom:0; right:-100px; z-index:5}
#bannerCnt .phoneTitle img{ display:block; margin:0 auto 8px auto}
#bannerCnt .logoMap{ width:54px; height:34px; position:absolute; left:50%; top:50px}
#supportOnline{ width:82px; height:217px; position:fixed; right:0; top:200px; z-index:6}
#supportOnline .iconOnline{ width:82px; height:217px; background-position: -760px 0}
#supportContact{ position:fixed; right:0; top:200px; z-index:6; overflow:hidden}
#supportContact .iconContact{ width:59px; height:242px; float:left; background-position:-855px 0}
#supportContact .bgdSupport{width:232px; height:195px;float:left; margin-top:38px; padding:8px 0 0 8px; background:#dedede url(../images/bgd_repeat_x.png) 0 -1445px repeat-x}
/*******main*******/
#wrapMain{ width:100%; background:url(../images/bgd_no_repeat.png) -1920px 0 repeat-x}
#main{ width:960px; min-width:960px; margin:0 auto; padding:17px 0 30px 0}
/*******under main*******/
#wrapUnderMain{ width:100%; background:url(../images/bgd_repeat_x.png) 0 -495px repeat-x}
#underMain{ width:960px; min-width:960px; margin:0 auto; padding-bottom:15px}
#underMain .title{ height:38px; background-color:#383838; overflow:hidden; position:relative}
#underMain .title h1{ font-family:francoisone; text-transform:uppercase; font-size:24px; color:#fff; font-weight:normal; float:left; padding:7px 0 0 20px}
#underMain .title h1 a{ color:#fff;}
#underMain .title h1 a:hover{ color:#fff; text-decoration:none}
#underMain .title .blockNextPre{ position:absolute; left:450px; top:0; overflow:hidden}
#underMain .title .blockNextPre a{ float:left}
#underMain .title .txtSee a{ float:right; font-family:francoisone; text-transform:uppercase; font-size:16px; font-weight:normal; color:#fff; background:url(../images/icon.png) 0 -114px no-repeat; padding:10px 5px 10px 30px}
#underMain .title .txtSee a:hover{ color:#f56200; text-decoration:none; background:url(../images/icon.png) 0 -164px no-repeat}
#underMain .blockUnderMain{ overflow:hidden; padding-top:15px}
#underMain .blockUnderMain dl{ width:227px; margin-left:17px; float:left}
#underMain .blockUnderMain dl.first{ margin-left:0}
#underMain .blockUnderMain dt{ margin-bottom:1px}
#underMain .blockUnderMain dd{ background-color:#e4e4e4; min-height:40px; line-height:40px}
#underMain .blockUnderMain dd a{ background:url(../images/icon.png) 15px -220px no-repeat; padding:10px 0 10px 50px}
#underMain .blockUnderMain dd a:hover{ color:#f56200; text-decoration:none}
/********footer********/
#wrapInnerFooter{ width:100%; background:url(../images/bgd_inner_footer.jpg) 0 0 repeat-x}
#innerFooter{ width:960px; min-width:960px; margin:0 auto; padding:15px 0 0 0; min-height:258px; overflow:hidden}
#innerFooter .blockFooter{ width:298px; float:left; background:url(../images/bgd_repeat_x.png) 100% -920px no-repeat; padding-right:18px; margin-right:15px;}
#innerFooter .blockFooter.last{ margin-right:0; padding-right:0; background:none}
#innerFooter .blockFooter h3{ font-family:francoisone; font-size:24px; line-height:26px; color:#2d2d2d; font-weight:normal; padding-bottom:10px}
#innerFooter .blockFooter .blockFooterTop{ min-height:160px; border-bottom:solid 2px #1f1f1f}
#innerFooter .blockFooter .blockFooterTop h3{ font-family:francoisone; font-size:24px; line-height:26px; color:#2d2d2d; font-weight:normal; padding-bottom:10px}
#innerFooter .blockFooter .blockFooterTop p{ padding-bottom:10px}
#innerFooter .blockFooter .blockFooterTop dl{ border-top:dotted 1px #000000; padding:10px 0; margin-top:10px; overflow:hidden}
#innerFooter .blockFooter .blockFooterTop dl.first{ border-top:none; padding:0; margin-top:0}
#innerFooter .blockFooter .blockFooterTop dt{ width:50px; height:50px; float:left; margin-right:10px}
#innerFooter .blockFooter .blockFooterTop dd{ line-height:16px}
#innerFooter .blockFooter .blockFooterTop dd a{ font-weight:bold; display:block}
#innerFooter .blockFooter.last .blockFooterTop dl{ border-top:dotted 1px #000000; padding:10px 0; margin-top:10px; overflow:hidden}
#innerFooter .blockFooter.last .blockFooterTop dl.first{ border-top:none; padding:0; margin-top:0}
#innerFooter .blockFooter.last .blockFooterTop dt{ width:85px; height:58px; float:right; margin-right:10px; padding-top:5px}
#innerFooter .blockFooter.last .blockFooterTop dd{ line-height:16px}
#innerFooter .blockFooter .blockFooterTop dd a{ font-weight:bold; display:block}
#innerFooter .blockFooter.last .blockFooterTop .first dd a{ color:#017a99; font-weight:normal}
#innerFooter .blockFooter.last .blockFooterTop .first dd a:hover{ color:#f56200; text-decoration:none}
#innerFooter .blockFooter.last .blockFooterTop .last dt{ width:100px; height:20px; float:left; margin-right:10px; padding-top:10px; font-family:francoisone; font-size:16px; }
#innerFooter .blockFooter.last .blockFooterTop .last dd{ overflow:hidden}
#innerFooter .blockFooter.last .blockFooterTop .last dd a{ float:left; padding-left:10px}
#innerFooter .blockFooter .blockFooterBot{ padding-top:8px; overflow:hidden}
#innerFooter .blockFooter .blockFooterBot.first{ padding-top:5px}
#innerFooter .blockFooter .blockFooterBot img{ float:left}
#innerFooter .blockFooter .blockFooterBot .blockFooterBotRight{ width:220px; float:right}
#innerFooter .blockFooter .blockFooterBot .blockFooterBotRight .txt01 a{ color:#f56200; font-weight:bold}
#innerFooter .blockFooter.last .blockFooterBot h3 a{ /* color:#f56200*/}
#innerFooter .blockFooter .blockFooterBot h3{ font-family:francoisone; font-size:24px; line-height:26px; color:#2d2d2d; font-weight:normal; padding-bottom:5px}
#innerFooter .blockFooter .blockFooterBot .blockFooterBotRight input[type="text"]{ width:145px; padding:2px 5px; height:17px; border:solid 1px #e3e3e3; background:url(../images/bgd_repeat_x.png) 0 -1200px repeat-x; float:left}
#innerFooter .blockFooter .blockFooterBot .blockFooterBotRight button{ float:left}
#wrapFooter{ width:100%; background:#1f1f1f url(../images/bgd_no_repeat.png) -3840px 0 repeat-x}    
#footer{ width:960px; min-width:960px; margin:0 auto; padding:25px; color:#fff; overflow:hidden}    
#footer ul{ float:left; overflow:hidden}
#footer li{ list-style:none; display:block; float:left; padding-right:35px}
#footer li a{ color:#fff}
#footer li a:hover, #footer li.active a{ color:#f56200; text-decoration:none}
#footer p{ float:right}
#footer p a{ color:#fff}
#footer p a:hover{ color:#f56200; text-decoration:none}
/*1///////Style on ever page///////*/   
/*about us page*/
.blockAbout{ overflow:hidden}
.blockAbout p{ /*width:700px;*/ float:left; padding:20px 0 0 15px}
.blockAbout img{ float:right; padding-top:10px}
.blockTesti{ overflow:hidden}           
.blockTesti dl{ width:435px; padding:10px 20px; float:left; background:#e0e0e0 url(../images/bgd1.png) 0 0 repeat-x; margin:0 0 10px 10px}
.blockTesti dl.first{ margin:0 0 10px 0}
.blockTesti dt{ font-size:18px; text-transform:uppercase; color:#ec9030; padding-bottom:10px}
.blockTesti dd{ line-height:16px}
.blockTesti dd span{ font-style:italic; display:block; text-align:right}
/*--partner---*/
.contentPartner{ overflow:hidden}
.contentPartner li{ width:275px; height:145px; padding:15px 15px 0 10px; text-align:center; list-style:none; display:block; float:left; background:url(../images/general.png) -920px 0 no-repeat; margin:20px 10px 0 10px}
/*---Reference--*/
.contentReferen{ overflow:hidden; margin-bottom:20px;/* border-bottom:solid 1px #ccc*/}
.contentReferen.first{ margin-top:15px}
.contentReferen.last{ border-bottom:none; margin-bottom:0; padding-bottom:0}
.contentReferen li{ list-style:none; display:block; float:left;margin-left: 15px; }
.contentReferen li img{ width:300px; height:200px; text-align:center; /* background:url(../images/general.png) -920px 0 no-repeat; */ margin-bottom:5px}
.contentReferen li p a{ background:url(../images/icon.png) 10px -220px no-repeat; padding:10px 0 15px 40px}
.referenDetail{ overflow:hidden; border-bottom:solid 1px #c7c7c7; margin-bottom:20px}
.referenDetail .blockReferen{ width:630px; float:right}
.referenDetail .blockReferen p{ padding-bottom:10px}
.referenDetail .blockReferen p.lnk{ overflow:hidden; padding-top:20px}
.referenDetail .blockReferen p span{ font-size:18px; line-height:20px}
.referenDetail .blockReferen .lnkVisit{ float:left; display:block; background-color:#ec9030; color:#fff; font-family:francoisone; text-transform:uppercase; font-size:16px; padding:10px 20px}
.buttonYl{ background-color:#ec9030; color:#fff; font-family:francoisone; text-transform:uppercase; font-size:16px; padding:10px 20px}                
.referenDetail .blockReferen .lnkVisit:hover{ background-color:#4c4c4c}
.referenDetail .blockReferen .lnkBack{ float:right; display:block; background-color:#4c4c4c; color:#fff; font-family:francoisone; text-transform:uppercase; font-size:16px; padding:10px 20px}
.referenDetail .blockReferen .lnkBack:hover{ background-color:#ec9030}
.referenDetail img{ float:left}
.referenPopup{ width:730px; margin:0 auto; background-color:#696969; border:solid 1px #fff}
.referenPopup .webImg{ height:578px; text-align:center; padding:5px 0; border-bottom:solid 1px #fff; border-top:solid 1px #fff}
.referenPopup p{ height:41px; background:url(../images/bgd_repeat_x.png) 0 -1839px repeat-x; text-align:right}
.referenPopup .txtSee a{ float:right; font-family:francoisone; text-transform:uppercase; font-size:16px; font-weight:normal; color:#fff; background:url(../images/icon.png) 0 -114px no-repeat; padding:10px 5px 10px 30px}
.referenPopup .txtSee a:hover{ color:#f56200}
/* webtool */
.lstWebtool {overflow:hidden; padding-top:13px;}
.lstWebtool .item {float:left; width:479px; border-right:1px solid #c7c7c7; border-top:1px solid #c7c7c7; padding-top:10px; min-height:130px;}
.lstWebtool .item h4 {font:normal 20px Arial, Helvetica, sans-serif;}
.lstWebtool .item img {float:left;}
.lstWebtool .last {border-right:0px;}
.lstWebtool .top {padding-top:0px; border-top:0px;}
.btnDownload {background:url(../images/uiButton.png) 0 0 no-repeat; width:94px; height:33px; text-align:center; display:block; float:left; color: #fff; font:normal 14px Arial, Helvetica, sans-serif; line-height:33px;}
.btnDownload:hover {background:url(../images/uiButton.png) 0 -33px no-repeat; background-color:#6f6f6f} 
/* contact */
.contact {overflow:hidden;}
.address {width:315px; float:left; margin:5px;}
.address h4 {font-family:'Century Gothic'; font-size:26px; font-weight:normal; padding:10px 0;}
.address p {overflow:hidden; border-top:1px solid #e3e3e3; padding:5px 0;}
.address p img {margin-right:10px;} 
/* news detail */
.contentBlog {overflow:hidden;} 
.blockBlog {overflow:hidden; padding:20px 0 0;}
.blockBlog img {float:right; margin:0 0 30px 30px}
.blockBlog h3 {padding-bottom:10px; font-size:20px; font-weight:normal; line-height:24px;}
.blockBlog p {padding-bottom:10px;}
.blockBlog .time {font-size:14px; padding-bottom:5px}
.btnBack {background:#4c4c4c; padding:10px 20px; float:right; color: #fff; font-family:francoisone; font-size:18px;  width:auto; text-transform:uppercase;}
.btnBack:hover {background:#4c4c4c;}    
.blockComment {}
.blockComment h3 {border-bottom:1px solid #ababab; padding:5px 0;}
.blockComment h4 {font-size:20px; font-family:Arial, Helvetica, sans-serif; background:#d1d1d1; padding:7px 10px; margin:8px 0 3px 0; font-weight:normal;}
.blockComment .bgWhite {padding-top:10px;}
.blockComment .bgGray {padding-top:10px; background:#e5e5e5;}       
.blockComment .bgWhite p, .blockComment .bgGray p {padding:0 10px 10px 10px;}       
.commentLeft {width:465px; float:left; margin-left:5px;}
.blockComment .first {margin-left:0px;}     
.itemRecent {overflow:hidden; border-top:1px solid #ababab; padding:20px 0 0 0;}
.noBorderTop {border-top:none;}
.itemRecent .img {float:right; margin:0 0 5px 20px;}
.itemRecent .blockTime {width:130px; margin-right:20px; float:left; font-style:italic; border-bottom:solid 3px green; padding-bottom:20px}
.itemRecent .blockTime.last{ border-bottom:none}
.itemRecent .date {background:url(../images/bgd_time.png) 0 0 no-repeat; width:100px; height:81px; color:#fff; text-align:center; padding-top:20px; margin:0 0 10px 15px;}
.itemRecent .day {font-size:40px;}
.itemRecent h5 {font-size:20px; line-height:27px; font-weight:normal;}      
/* service */
.blockService {overflow:hidden; margin-top:5px;}
.itemService {overflow:hidden; background:#f0f0f0;}
.highlightPage .itemService h2 {font-family:francoisone; text-transform:uppercase; font-size:24px; color:#fff; font-weight:normal; padding:5px 0 5px 20px; position:relative; background:#d6d6d6; border-bottom:0px; margin-bottom:1px;}
.highlightPage .itemService h2.active {background:#6f6f6f; margin-bottom:15px; }
.itemService h2 .btn {position:absolute; top:5px; right:5px; cursor:pointer;}
/*.itemService .img {float:right; margin:20px;}*/
.itemService p {padding:0 20px 10px 20px;}
.itemService h3 {padding:10px 0 0 20px;}
.itemService .lstImgs {overflow:hidden; background:#fff; margin:20px;}
.itemService .lstImgs li {float:left; margin:0 11px;}           
.highlightPage .itemService .txt01 {color:#f9aa00;}
.highlightPage .itemService .txt02 {color:#1e6c09;}
.highlightPage .itemService .txt03 {color:#1c2c43;}
.highlightPage .itemService .txt04 {color:#a02a1a}          
.linkMore {position:absolute; right:35px; top:5px; color:#787878;}
/* blockQuestion */
.blockQuestion {overflow:hidden; padding:10px;}
.blockQuestion p {font-size:16px; line-height:24px; padding:10px 0;}
.lstChoose {overflow:hidden; padding-bottom:10px;}
.lstChoose li {float:left; width:50%; padding-bottom:10px;}
/*2. ///////Block type of templates///////*/
/*hightlight Home*/ 
.highlightHome{ overflow:hidden}
.highlightHome .blockHome{ width:296px; margin-left:36px; float:left; position:relative}
.highlightHome .blockHome.first{ margin-left:0}
.highlightHome .blockHome h2{ background:url(../images/general.png) 100% -176px no-repeat; font-family:francoisone; text-transform:uppercase; font-size:24px; font-weight:normal; padding-bottom:16px}
.highlightHome .blockHome h2 span{ color:#7e7e7e}
.highlightHome .blockHome h2 a:hover{ text-decoration:none}
.highlightHome .blockHome img{ width:296px; height:116px; display:block; padding-bottom:16px}
/*hightlight page*/ 
.highlightPage h1{ background-color:#383838; height:31px; font-family:francoisone; text-transform:uppercase; font-size:24px; color:#fff; font-weight:normal; padding:7px 0 0 20px}
.highlightPage h1 a{ color:#fff}
.highlightPage h2{ overflow:hidden; border-bottom:6px solid #383838; padding-bottom:10px; margin-bottom:10px}
.highlightPage h2 span{ font-family:francoisone; text-transform:uppercase; font-size:24px; color:#535353; font-weight:normal; padding:0 0 0 15px}
.highlightPage h2.txt01{ background-color:#c4c4c4; font-family:francoisone; text-transform:uppercase; font-size:24px; color:#484848; font-weight:normal; padding:5px 0 5px 25px; border-bottom:none; margin-top:10px}
/*3. ///////Block common of templates///////*/
/*breadcrumb*/
.breadcrumb {}  
.breadcrumb li{}
/*paging*/
.paging {background:#d1d1d1; overflow:hidden; margin-top:20px;}
.paging li {float:left; padding-left:5px;}
.paging li a {background:#434343; padding:4px 7px; color:#fff; display:block; height:14px;}
.paging li a:hover, .paging li.active a {color:#f56200;}
.paging ul {float:right; padding:5px 8px;}      
/*fckDefault*/          
.fckDefault {overflow:hidden; line-height:16px }
.fckDefault ul , .editorInfo ol{ margin:0 0 10px 0;}
.fckDefault ul li { margin:0; list-style-type:disc; padding:0 0 10px 0; list-style:inside;}
.fckDefault ol li { margin:0; list-style-type:decimal!important; list-style:inside; padding:0 0 10px 0;}

/*4 ///////Layer common of templates///////*/   
/*5 ///////Style add from js///////*/
/* Layer alert */   
.alertLayer {color:#424242; background:#edd540; padding:3px 5px; overflow:hidden; display:block; position:absolute; top:-1500px}
.alertLayer .message {color:#424242; padding:0 0 0 5px; margin:0}
/*6. ///////Form common to all templates///////*/
/*class common on form : checkbox, radio*/
.chekbox { width:13px; height:13px; vertical-align:middle; border:0;}
/*form General*/
.frmGeneral {}
.frmGeneral li{ display:block; padding-bottom:4px;}
.frmGeneral input { width:210px; height:27px; padding:2px 5px; border:solid 1px #d5d5d5; color:#a4a4a4; background:url(../images/bgd_repeat_x.png) 0 -1325px repeat-x}
.frmGeneral textarea { width:210px; height:80px; padding:2px 5px; resize:none; color:#a4a4a4; border:solid 1px #d5d5d5; background:url(../images/bgd_repeat_x.png) 0 -1360px repeat-x;}

.frmContact {background:#e3e3e3; width:566px; float:left; margin:10px 0 0 10px; padding:28px;}
.frmContact input {width:540px; padding:10px 15px; border:none; margin-bottom:10px;}
.frmContact textarea {width:555px; padding:10px 0 10px 15px; height:136px; margin-bottom:10px; border:none;}
.frmContact .btnSubmit {float:left; background:#ec9030; color: #fff; font-family:francoisone; font-size:18px; padding:10px 20px; width:auto; text-transform:uppercase; margin:0 10px 0 0; cursor:pointer;}
.frmContact .btnSubmit:hover { background:#ff8200;}

.frmComment { overflow:hidden;}
.frmComment input {background:url(../images/bgd_repeat_x.png) 0 -1720px repeat-x; padding:8px 10px; width:445px; margin-bottom:4px; color:#a4a4a4; font-size:12px;}
.frmComment textarea {background:#e8e8e8 url(../images/bgd_repeat_x.png) 0 -1760px repeat-x; padding:8px 5px 8px 10px; width:473px; height:52px; margin-bottom:4px; margin-top:0px; color:#a4a4a4; font-size:12px;}
.frmComment .btnComment {float:left; background:url(../images/uiButton.png) 0 -80px no-repeat; color: #fff; font-size:12px; padding:8px 0; margin:0 10px 0 0; cursor:pointer; width:80px; text-align:center; border:none;}
.frmComment .btnComment:hover { background:url(../images/uiButton.png) 0 -120px no-repeat; color:#f56200;}
.frmComment .wth01 {width:650px;}
.frmComment .wth02 {width:250px; }
.frmComment .wth03 {width:922px; height:155px;}
.frmComment input[type="radio"], .frmComment input[type="checkbox"] {width:auto; background:none; margin-right:5px; border:none;}
.frmComment label {color:#8c8c8c; margin-right:5px;}

/*7. ///////Buttons common to all templates///////*/
/*Button link*/
span.uiGeneral{ display:block; text-indent:-9999px}
.uiGeneral{ background:url(../images/general.png) 0 0 repeat;}
.btnHosting{ width:185px; height:37px; background-position: -400px -120px; position:absolute; top:125px; left:50px;}
.btnHosting:hover{ background-position: -400px -160px;}
.btnPre{ width:68px; height:38px; background-position: -600px -120px}
.btnPre:hover, .btnPreActive{ width:68px; height:38px; background-position: -600px -160px}
.btnNext{ width:68px; height:38px; background-position: -665px -120px}
.btnNext:hover, .btnNextActive{ width:68px; height:38px; background-position: -665px -160px}
/*uiButton*/
.uiButton {background-color:transparent; border:none; cursor:pointer; vertical-align:middle; display:inline; width:auto; overflow:visible;}
.uiButton span {  display:block; cursor: pointer}
button.uiButton {width:auto; overflow:visible; display:inline; padding:0}
/*button :: btn */
.uiButton .btn { height:23px; line-height:23px; background:url(../images/bgd_repeat_x.png) 0 -1300px repeat-x; position:relative; white-space:nowrap; vertical-align:middle; font-size:12px; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:0 7px;}
.uiButton span.btn {width:2px; height:23px; position: absolute; top:0; padding:0;}
.uiButton span.btn.btLeft {background-position: 0 -1240px; left: -2px; padding:0}
.uiButton span.btn.btRight{background-position: 100% -1270px; right: -2px; }
.uiButton span.btCen { background:url(../images/btn.png) 50% 0 no-repeat; min-width:40px;}
.uiButton .normal {font-weight:normal;}


/*Button link*/
.uiButton a.btn {height:23px; line-height:23px; display:inline-block; text-decoration:none; color:#d0d0d0; white-space:nowrap; padding:0 7px;}
.uiButton a.btn {margin:0 2px}
/*Button hover effect*/
.uiButton a:hover, .uiButton:hover .btn, .btnHover .btn { color:#f56200; text-decoration:none}  
/*8. ///////Classes common to all templates///////*/
.hidden {display:none}

/*9. CSS Sprites ///////Styles sprite to all templates///////*/
span.uiIcon{ display:inline-block; text-indent:-9999px}
.uiIcon{ background:url(../images/icon.png) 0 0 repeat; display:block}
.icon-01{ width:14px; height:8px; background-position:0 -60px; margin:0 auto}
.icon-01:hover{ width:14px; height:8px; background-position:-36px -60px}
.icon-02{ width:35px; height:35px; background-position:0 -280px}
.icon-02:hover{ background-position:0 -320px}
.icon-03{ width:35px; height:35px; background-position:0 -360px}
.icon-03:hover{ background-position:0 -400px}
.icon-04{ width:35px; height:35px; background-position:0 -440px}
.icon-04:hover{ background-position:0 -480px}
.icon-05 { width:30px; height:28px; background-position:0 -520px; display:inline-block; vertical-align:middle;}
.icon-06 { width:30px; height:28px; background-position:0 -560px; display:inline-block; vertical-align:middle;}
.icon-07 { width:30px; height:28px; background-position:0 -600px; display:inline-block; vertical-align:middle;}
.icon-08 { width:30px; height:22px; background-position:0 -640px; display:inline-block; vertical-align:middle;}
.icon-09 { width:7px; height:13px; background-position:0 -680px; display:inline-block;}
.icon-09:hover{ background-position:0 -720px}
.icon-10 { width:7px; height:13px; background-position:-20px -680px; display:inline-block;}
.icon-10:hover{ background-position:-20px -720px}
.icon-11 { width:11px; height:16px; background-position:-16px -840px; display:inline-block; float:right; margin:5px 10px 0 5px}
.icon-11:hover{ background-position:-16px -880px}
.icon-12 { width:11px; height:16px; background-position:0 -840px; display:inline-block; float:right; margin-top:5px}
.icon-12:hover{ background-position:0 -880px}
.iconClose{ width:25px; height:25px; background-position:0 -920px; float:right; margin:7px 10px 0 0}
.iconClose:hover{ background-position:-26px -920px}

.open { width:24px; height:25px; background-position:0 -120px; display:inline-block;}
.open:hover{ background-position:0px -170px}
.close { width:24px; height:25px; background-position:0px -760px; display:inline-block;}
.close:hover{ background-position:0px -800px}

/*10. End///////ID common to all templates///////*/
/*Structute Style 01*/
.defaulfPage #wrapBanner{ width:100%; height:366px; background:url(../images/bgd_repeat_x.png) 0 -120px repeat-x; padding-bottom:1px}
.defaulfPage #banner{ width:100%; height:365px; background:url(../images/bgdBaner.png) 50% 100% no-repeat; position:relative; z-index:1}
.defaulfPage #bannerBgd{ width:100%; height:335px; background:url(../images/bgd_banner_03.png) 0 0 repeat; position:absolute; top:0; left:0; z-index:3}
.defaulfPage #bannerCnt{ width:962px; height:313px; margin:25px auto 27px auto; position:relative; z-index:4}
.defaulfPage #bannerCnt .phoneTitle{ bottom:-28px;}
.defaulfPage #main{ padding:30px 0}
.errorPage #page{ background:none; background-color:#fff; font-family:Verdana, Geneva, sans-serif}
.errorPage #main{ min-width:510px; width:510px; margin:0 auto; padding:265px 310px 25px 0; background:url(../images/bgd_error.png) 0 100% no-repeat }
.errorPage #main h2{ font-size:30px; color:#8b8b8b; font-weight:normal; padding-bottom:15px}
.errorPage #main h2 span{ font-size:40px; color:#000000}
.errorPage #main p{ font-size:18px; line-height:25px; padding-bottom:10px}
.errorPage #main a{ color:#07355a}
.errorPage #main a:hover{ color:#f56200; text-decoration:none}
